import { onMounted } from 'vue';
export function useAnimationEffects() {
    onMounted(()=> {
      const elements = document.querySelectorAll('.card');
      elements.forEach((element) => {
        element.addEventListener('mouseenter', () => {
          element.classList.add('animate');
        });
        element.addEventListener('mouseleave', () => {
          element.classList.remove('animate');
        });
     });
    })
    return{}

}